<template>
	<div class="container-fluid">
		<div class="panel">
			<div class="panel-heading">
				<h3 class="panel-title">组织纬度报表</h3>
			</div>
			<div class="panel-body">
				<el-table :data="tasks.data" style="width: 100%">
					<el-table-column label="名称" width="180" prop="name"></el-table-column>
					<el-table-column label="编码" width="180" prop="code"></el-table-column>
					<el-table-column label="地址" prop="address"></el-table-column>
					<el-table-column label="固定电话" prop="telephone"></el-table-column>
					<el-table-column label="联系人" prop="contacts"></el-table-column>
					<el-table-column label="联系人手机" prop="mobile"></el-table-column>
					<el-table-column label="操作">
						<template slot-scope="scope">
							<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
							<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
						</template>
					</el-table-column>
				</el-table>
			</div>
			<div class="panel-footer text-right">
				<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
											 :current-page="current"
											 :page-sizes="[100, 200, 300, 400]"
											 :page-size="100"
											 layout="total, sizes, prev, pager, next, jumper"
											 :total="0">
				</el-pagination>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "report-leave",
		data () {
			return {
				current: 1,
				create: false,
				search: '',
				tasks: {
					data: []
				}
			}
		},
		methods: {
			handleEdit (index, row) {

			},
			handleDelete (index, row) {

			},
			handleSizeChange () {

			},
			handleCurrentChange () {

			},
			createShop () {
				this.create = true;
			},
			submitCreateForm () {

			},
			/**
			 * 关闭表单
			 */
			handleClose () {

			}
		}
	}
</script>

<style>

</style>
